<template>

   <div>

            <h1>根组件</h1>

            <router-link to="/shenhuo">生活</router-link>
            <router-link to="/tiyu">体育</router-link>
            <router-link to="/yule">娱乐</router-link>

            <router-view></router-view>

    </div>

</template>

<script>
    
    export default {
         name:"App"
    }
</script>

<style lang="scss">

// 高亮显示当前路由
// 选中的路由都会自动添加这个类名
.router-link-active{
    background-color: #ccc;
}

// 导入scss , 在App.vue里导入可以让所有组件都访问到这个文件
@import "@/assets/scss/common.scss";

</style>